<template>
    <section id="meetDoctors">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="meetDoctors-area" id="members">
                <teamHead></teamHead>
                <div class="doctors-area">
                <ul  class="doctors-nav" id="team_members">
                    <li class="slick-slide slick-active" index="0"  v-for="data in datas" :key="data">
                        <member>
                            <template slot="a">
                                <img :src=data.image />
                            </template>
                            <template slot="b">
                                <h2>{{data.name}}</h2>
                            </template>
                            <template slot="c">
                                <p>{{data.school}}</p>
                            </template>
                        </member>
                    </li>
                </ul>
                </div>
            </div>
          </div>
        </div>
      </div>
    </section>
</template>

<script>
import teamHead from './teamChild/teamHead'
import member from './teamChild/member'
export default {
  data () {
    return {
      datas: [
        new this.ContributeData('韩佩恒', '南京邮电大学', 'images/hph.jpg'),
        new this.ContributeData('徐荣荣', '南京邮电大学', 'images/xrr.jpg'),
        new this.ContributeData('张晓铭', '南京师范大学', 'images/zxm.jpg'),
        new this.ContributeData('陈家鹏', '南京信息工程大学', 'images/cjp.jpg')
      ]
    }
  },
  methods: {
    ContributeData (name, school, image) {
      this.name = name
      this.school = school
      this.image = image
    }
  },
  components: {
    teamHead,
    member
  }
}
</script>
